<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
	</head>

	<body>
		<p>
			Each table starts with a table tag. Each table row starts with a tr tag. Each table data starts with a td tag.
		</p>
		<h4>One column:</h4>
		<table border="1">
			<tr>
				<td>100</td>
			</tr>
		</table>
		<h4>One row and three columns:</h4>
		<table border="1">
			<tr>
				<td>100</td>
				<td>200</td>
				<td>300</td>
			</tr>
		</table>
		<h4>Two rows and three columns:</h4>
		<table border="1">
			<tr>
				<td>100</td>
				<td>200</td>
				<td>300</td>
			</tr>
			<tr>
				<td>400</td>
				<td>500</td>
				<td>600</td>
			</tr>
		</table>
		<br />
		<br />

		<h4>This table has no borders:</h4>
		<table>
			<tr>
				<td>100</td>
				<td>200</td>
				<td>300</td>
			</tr>
			<tr>
				<td>400</td>
				<td>500</td>
				<td>600</td>
			</tr>
		</table>
		<h4>And this table has no borders:</h4>
		<table border="0">
			<tr>
				<td>100</td>
				<td>200</td>
				<td>300</td>
			</tr>
			<tr>
				<td>400</td>
				<td>500</td>
				<td>600</td>
			</tr>
		</table>
		<br />
		<br />

		<h4>Table headers:</h4>
		<table border="1">
			<tr>
				<th>Name</th>
				<th>Telephone</th>
				<th>Telephone</th>
			</tr>
			<tr>
				<td>Bill Gates</td>
				<td>555 77 854</td>
				<td>555 77 855</td>
			</tr>
		</table>
		<h4>Vertical headers:</h4>
		<table border="1">
			<tr>
				<th>First Name:</th>
				<td>Bill Gates</td>
			</tr>
			<tr>
				<th>Telephone:</th>
				<td>555 77 854</td>
			</tr>
			<tr>
				<th>Telephone:</th>
				<td>555 77 855</td>
			</tr>
		</table>
		<br />
		<br />

		<table border="1">
			<caption>Monthly savings</caption>
			<tr>
				<th>Month</th>
				<th>Savings</th>
			</tr>
			<tr>
				<td>January</td>
				<td>$100</td>
			</tr>
			<tr>
				<td>February</td>
				<td>$50</td>
			</tr>
		</table>
		<br />
		<br />

		<h4>Cell that spans two columns:</h4>
		<table border="1">
			<tr>
				<th>Name</th>
				<th colspan="2">Telephone</th>
			</tr>
			<tr>
				<td>Bill Gates</td>
				<td>555 77 854</td>
				<td>555 77 855</td>
			</tr>
		</table>
		<h4>Cell that spans two rows:</h4>
		<table border="1">
			<tr>
				<th>First Name:</th>
				<td>Bill Gates</td>
			</tr>
			<tr>
				<th rowspan="2">Telephone:</th>
				<td>555 77 854</td>
			</tr>
			<tr>
				<td>555 77 855</td>
			</tr>
		</table>
		<br />
		<br />

		<table border="1">
			<tr>
				<td>
					<p>This is a paragraph</p>
					<p>This is another paragraph</p>
				</td>
				<td>This cell contains a table:
					<table border="1">
						<tr>
							<td>A</td>
							<td>B</td>
						</tr>
						<tr>
							<td>C</td>
							<td>D</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>This cell contains a list
					<ul>
						<li>apples</li>
						<li>bananas</li>
						<li>pineapples</li>
					</ul>
				</td>
				<td>HELLO</td>
			</tr>
		</table>
		<br />
		<br />

		<h4>Without cellpadding:</h4>
		<table border="1">
			<tr>
				<td>First</td>
				<td>Row</td>
			</tr>
			<tr>
				<td>Second</td>
				<td>Row</td>
			</tr>
		</table>
		<h4>With cellpadding:</h4>
		<table border="1" cellpadding="10">
			<tr>
				<td>First</td>
				<td>Row</td>
			</tr>
			<tr>
				<td>Second</td>
				<td>Row</td>
			</tr>
		</table>
		<br />
		<br />

		<h4>Without cellspacing:</h4>
		<table border="1">
			<tr>
				<td>First</td>
				<td>Row</td>
			</tr>
			<tr>
				<td>Second</td>
				<td>Row</td>
			</tr>
		</table>
		<h4>With cellspacing="0":</h4>
		<table border="1" cellspacing="0">
			<tr>
				<td>First</td>
				<td>Row</td>
			</tr>
			<tr>
				<td>Second</td>
				<td>Row</td>
			</tr>
		</table>
		<h4>With cellspacing="10":</h4>
		<table border="1" cellspacing="10">
			<tr>
				<td>First</td>
				<td>Row</td>
			</tr>
			<tr>
				<td>Second</td>
				<td>Row</td>
			</tr>
		</table>
		<br />
		<br />
	</body>

</html>